<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Async IIFE + Dynamic Import + Top level await</title>
  </head>
  <body>
    <script type="module" src="./main.mjs"></script>
    <main>
      <ul>
        <li>mod-tla-iiafe::</li>
        <li>mod-tla-iiafe::await</li>
        <li>mod-tla-iiafe::async-iife::</li>
      </ul>
      <div class="divide">----evaluate-end----</div>
      <ul>
        <li>main::</li>
        <li>mod-then-async-iife::</li>
        <li>mod-then-async-iife::async-iife::</li>
        <li>mod-then-async-iife::thenEvaluating::</li>
        <li>main::await mod-then-iiafe</li>
        <li>mod-then-tla-iiafe::iiafe::before-await</li>
        <li>mod-then-tla-iiafe::before-await</li>
        <li>mod-then-tla-iiafe::after-await</li>
        <li>mod-then-tla-iiafe::iiafe::after-await</li>
        <li>mod-then-tla-iiafe::then</li>
        <li>mod-then-tla-iiafe::then::resolve</li>
        <li>main::await mod-then-tla-iiafe</li>
      </ul>
      <div class="divide">----main-end----</div>
      <ul>
        <li>main::async-iife::</li>
      </ul>
    </main>
  </body>
</html>
